<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <script>

        // 面向对象：
        //    给对象添加属性和方法的过程



        // 三角形

        // function sjx(n) {
        //     for (let i = 0; i < n; i++) {
        //         for (let j = 0; j <= i; j++) {
        //             document.write('*')
        //         }
        //         document.write('<br>')
        //     }
        // }

        // sjx(10)


        function Sjx(n) {
            // 属性 行数
            this.n = n;
            // 方法  打印三角形
            this.print = function () {
                for (let i = 0; i < this.n; i++) {
                    for (let j = 0; j <= i; j++) {
                        document.write('*')
                    }
                    document.write('<br>')
                }
            }
        }

        const s = new Sjx(5);
        console.log(s);
        s.print()


        const s2 = new Sjx(10);
        s2.print()

    </script>

</body>

</html>